<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>用户登入</title>
		<style>
			body{
				background-color: blue;
			}
			.loginDiv{
				width: 550px;
				height: 530px;
				background-color: aliceblue;
				margin: 0 auto;/* 内边距 */
				margin-top: 80px;/* 顶边距 */
				padding-top: 30px;/* 顶部内边距 */
				text-align: center;
			}
			.loginInput{
				width: 426px;
				height: 55px;
				border-radius: 5px;
				border: 1px solid darkgray;
				margin-bottom: 10px;/* 底部位边距 */
				padding-left: 25px;
				background-color: transparent;/* 背景透明 */
				margin-left: -23px;
			}
			.loginBtn{
				width: 426px;
				height: 55px;
				background-color: #FF6B4D;
				color: white;
				font-size: 20px;
				border-radius: 5px;
				border: none;/* 去边框 */
			}
		.loginpic{
			margin-left: 20px;
		}
		</style>
	</head>
	<body>
		<div class="loginDiv">
			<div style="text-align: center;"><!-- 居中 -->
				<img src="img/tyustlogo.png" width="350px"/>
			</div>
			<h2>毕业设计管理系统</h2>
			<img src="img/user.png"/><input class="loginInput" type="text" placeholder="请输入用户名"/>
			<br>
			<img src="img/password.png"/><input class="loginInput" type="text" placeholder="请输入密码"/>
			<br>
			<input class="loginBtn" type="submit" value="登入"/>
			<div style="margin-top:30px ;">
				<img class="loginpic" src="img/qq.png"/>
				<img class="loginpic" src="img/weibo.png"/>
				<img class="loginpic" src="img/weixin.png"/>
			</div>
			<div style="font-size: 12px;line-height: 20px;">
				技术支持：太原科技大学 宋书记  <br>
				开发者 太原工业学院  王主任
				
			</div>
		</div>
	</body>
</html>